@charset "UTF-8";
* {
    margin: 0;
    padding: 0;
}
/*滚动条样式*/
::-webkit-scrollbar {
    /* 1滚动条整体部分，其中的属性有width,height,background,border（就和一个块级元素一样）等 */
    width: 5px;
    
}
::-webkit-scrollbar-button {
    /* 2滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果 */
}
::-webkit-scrollbar-track {
    /* 3外层轨道。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果 */
}
::-webkit-scrollbar-track-piece {
    /* 4内层轨道，滚动条中间部分（除去） */
}
::-webkit-scrollbar-thumb {
    /* 5滚动条里面可以拖动的那部分 */
    background: #aaa;
    border-radius: 4px;
    height: 50px;
}
::-webkit-scrollbar-corner {
    /* 6边角  */
}
::-webkit-resizer {
    /* 7定义右下角拖动块的样式 */
}

.editArea {
    width: 100%;
    height: 100px;
    overflow-y: auto;
    border: 1px solid;
}

.atList {
    width: 200px;
    max-height: 140px;
    overflow-y: auto;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}
.atItem {
    overflow: hidden;
    margin: 2px;
    border: 1px solid #dfdfdf;
}
.atItem:hover {
    background:#dfdfdf;
    cursor:pointer;
}
.atItem span {
    float: left;
    margin: 1px 5px;
}
.atItem span img {
    border-radius: 50%;
    height: 40px;
}
.atItem span h3 {
    line-height: 40px;

}
#container {
    margin: 20px;
    padding: 2px;
    overflow: hidden;
}
